<template>
    <el-main>
        <el-main class="ep-body">
            <el-card class="ep-card">
                        <el-row :gutter="10">
                            <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                                <ep-button size="small" type="info" name="核定" icon="el-icon-star-off"></ep-button>
                                <ep-button size="small" type="danger" name="清屏" icon="el-icon-remove"></ep-button>
                            </epl-top-bar>
                        </el-row >
            </el-card>
            <el-card class="ep-card">
            <epl-userMessage dataType="person" idCount="14" :panel="panel" isEdit_1=''></epl-userMessage>
            </el-card>
            <el-collapse v-model="activeNames" >
            <el-form :model="form" :rules="rules"  ref="form">   
                <el-collapse-item  title="请输入个人基本信息" name="1"> 
                <el-card class="ep-card">
                        <el-row>
                            <ep-date colspan="8" label="退休时间" name="aac004" :property="form.aac004"
                                                placeholder="请输入退休时间" p="R"
                                                :datas="{formData: form}"></ep-date>
                            <ep-select colspan="8" label="退休标识" name="aab019" :property="form.aab019"
                                    placeholder="请选择退休标识" p="E"  codetype="AAB019"
                                    :datas="{formData:form}" ></ep-select>
                            <ep-date colspan="8" label="视同缴费年限" name="aac004" :property="form.aac004"
                                                placeholder="请输入视同缴费年限" p="R"
                                                :datas="{formData: form}"></ep-date>
                        </el-row>
                        <el-row>
                            <ep-date colspan="8" label="实际缴费年限" name="aac004" :property="form.aac004"
                                                placeholder="请输入实际缴费年限" p="R"
                                                :datas="{formData: form}"></ep-date>
                            <ep-date colspan="8" label="累计缴费年限" name="aac004" :property="form.aac004"
                                                placeholder="请输入累计缴费年限" p="R"
                                                :datas="{formData: form}"></ep-date>
                        </el-row>
                </el-card>
            </el-collapse-item>
            <el-collapse-item  title="请输入个人补收信息" name="2"> 
                    <el-card class="ep-card">
                        <el-span style="color : #FF4949">[2014年10月1日之前的退休人员，无需办理《一次性补收》业务]</el-span>
                            <el-row :gutter="10">
                                        <ep-input colspan="8" label="补缴月总数" name="aae079" :property="form.aae079"
                                                placeholder="请输入补缴月总数" p="R"
                                                :datas="{formData: form}"></ep-input>
                                        <ep-input colspan="8" label="缴费基数" name="aae180" :property="form.aae180"
                                                placeholder="请输入缴费基数" p="R"
                                                :datas="{formData: form}"></ep-input>
                                        <ep-input colspan="8" label="补缴总金额" name="aae058" :property="form.aae058"
                                                placeholder="请输入补缴总金额" p="R"
                                                :datas="{formData: form}"></ep-input>
                                </el-row>              
                            
                        
                    </el-card>
                </el-collapse-item> 
                <el-collapse-item  title="个人补收结果" name="3"> 
                    <el-card class="ep-card">
                        <el-row>
                            <ep-table :data="tableData" border style="width: 100%;" rowDbClick :pager="20" :titleFilter="filter1">
                                <ep-table-column editor="index" width="85"  header="序号">
                                                </ep-table-column>                            
                                            <ep-table-column editor="text" name="aae030" header="险种类型" width="140"></ep-table-column>  
                                <ep-table-column sortable editor="text" edited  name="aae180" header="补缴基数" width="140"></ep-table-column>
                                <ep-table-column sortable editor="text" edited  name="aae003" header="对应费款所属期" width="180"></ep-table-column>
                                <ep-table-column sortable editor="text" edited  name="aae079" header="月数" width="110"></ep-table-column>
                                <ep-table-column sortable editor="text" edited  name="aae020" header="单位金额" width="140"></ep-table-column>
                                <ep-table-column sortable editor="text" edited  name="aae022" header="个人金额" width="140"></ep-table-column>
                                <ep-table-column sortable editor="text" edited  name="aae058" header="合计"  width="110"></ep-table-column>
                            </ep-table>

                        </el-row>
                        <div style="margin: 15px 0;"></div>
                        
                    </el-card>
                    </el-collapse-item>
                    <el-row type="flex" justify="center">
                                <ep-saveButton  type="primary"  id="doSave"
                                            :datas="{panel:panel,formData: form,tableData: tableData}" name="保存"></ep-saveButton>
                        </el-row>
                </el-form>
                </el-collapse >
            </el-main>
    </el-main>
</template>



<script src="../js/RetireCollectionOnceJS.js"></script>
